<template>
<div>
    <h1>Switch开关 展示案例</h1>
    <!--通过demo标签识别要加载到Demo组件，且作为标题标识符-->
    <!--Button通常用法可执行代码-->
    <Demo :component="switch1demo"></Demo>
    <!--Button禁用用法可执行代码-->
    <Demo :component="switch2demo"></Demo>
</div>
</template>

<script lang="ts">
import Demo from './showDemo.vue'
import switch1demo from '../codes/switch1demo.vue'
import switch2demo from '../codes/switch2demo.vue'
export default {
    components: {
        Demo
    },
    //返回的可直接作变量使用，在标签内作属性，若不返回则仅能当组件标签使用
    setup() {
        return {
            switch1demo,
            switch2demo
        }
    }
}
</script>

<!-- 

<style lang="scss" scoped>
h2 {
    margin-bottom: 10px;
}
</style>   -->
